<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>会员单位</title>
	<meta name="viewport" content="width=device-width, initial-scale=1  maximum-scale=1 user-scalable=no">
	<meta name="mobile-web-app-capable" content="会员单位">
	<meta name="apple-mobile-web-app-capable" content="会员单位">
	<meta name="apple-touch-fullscreen" content="会员单位">
	<meta name="HandheldFriendly" content="会员单位">

	<link rel="stylesheet" href="${request.contextPath}/statics/css/materialize.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/font-awesome/css/font-awesome.min.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/normalize.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.carousel.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.theme.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/owl.transitions.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/fakeLoader.css">
	<link rel="stylesheet" href="${request.contextPath}/statics/css/style.css?r=1">
	<style>
		.per-list{
			width: 98%;
			background-color: #ffffff;
			float: left;
			padding: 5px 5px;
			display: flex;
			justify-content: space-between;
			margin-top: 10px;
			border-bottom: 0.5px solid #e0e0e0;
		}
		.per-detail{
			width: 60%;
			display: flex;
			float: left;
			padding: 0 5px;
		}
		.title{
			text-align: left;
			height: 50px;
			font-size: 17px;
			color: #263238;
		}
		.header img{
			border-top-left-radius: 10px;
			border-top-right-radius: 10px;
		}

	</style>
</head>
<body style="background: #EFF4F6;">
<!-- contact us -->
<div id="rrapp" class="section" style="padding-top: 10px; margin-top: 0;">

	<div class="container">
		<div>
			<input type="text" placeholder="请输入关键字搜索"
				   style="border-radius: 5px;height: 44px;
				background:#fff url(../statics/img/search.png) right no-repeat;
				background-size:18px 18px;
				background-position: right 16px top 13px;"
			/>
		</div>
		<div class="contact-us">
			<div class="row" style="margin: 0 0;">
				<div class="expert-list" style="background-color: #fff; overflow: hidden;min-height: 800px;border-radius: 10px; padding: 0 10px">

					<a :href="'/cnew/h5/news/'+item.id" v-for="(item,index) in memberList">
						<div class="per-list">
							<div style="width: 25%; text-align: right;">
								<img :src="item.img" style="width: 85px; height: 72px; border-radius: 10px;">
							</div>
							<div style="width: 75%; padding-left: 15px;">
								<div class="title">{{item.clubName}}</div>
								<div style="display: flex; margin-top: 3px; color: #909399;">{{item.createDate}} 发布</div>
							</div>
						</div>
					</a>

			</div>
		</div>
	</div>
</div>
</div>
<!-- end contact us -->

<!-- loader -->
<div id="fakeLoader"></div>
<!-- end loader -->


<!-- scripts -->
<script src="${request.contextPath}/statics/js/jquery.min.js"></script>
<script src="${request.contextPath}/statics/js/materialize.min.js"></script>
<script src="${request.contextPath}/statics/js/owl.carousel.min.js"></script>
<script src="${request.contextPath}/statics/js/fakeLoader.min.js"></script>
<script src="${request.contextPath}/statics/js/contact-form.js"></script>
<script src="${request.contextPath}/statics/js/main.js"></script>
<script src="${request.contextPath}/statics/js/vue.min.js"></script>

<script>
	var vm = new Vue({
		el: '#rrapp',
		data: {
			coachList: [],
			newsClassList: [],
			newsList: [],
			memberList: []
		},
		created: function () {
			this.getMemberList();
		},
		methods:{
			/**
			 * 获取教练列表
			 */
			getMemberList(){
				$.ajax({
					type: 'get',
					url: '${request.contextPath}/h5/getMemberList',
					data: {
					},
					success: function (res) {
						if(res.code === 0){
							vm.memberList = res.data
						}else{
							alert(res.msg);
						}
					},
				});
			}
		}

	});
</script>

</body>
</html>
